<template>
  <div id="">
    <ul class="withdrawlist">
      <li v-for="elem in walletDetail" :key="elem.key">
        <div class="">
          <span>{{elem.msg}}</span>
          <p>{{setTimeDate(elem.createTime)}}</p>
        </div>
        <h2>+{{(elem.money).toFixed(2)}}</h2>
      </li>
    </ul>
  </div>
</template>
<script>
import {dateChangeTime} from '@/utils/util.js';
export default {
  name: "",
  props: ['walletDetail'],
  data: () => ({

  }),
  mounted() {
    //do something after mounting vue instance

  },
  methods: {
    setTimeDate(timer) {
      return dateChangeTime(timer);
    }
  }
}
</script>
<style lang="scss" scoped>
.withdrawlist{
  background: white;
  padding: 0 10px;
  li{
    @include flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid $boxBgcolor;
    div{
      p{
        color: $lightColor;
        margin-top: 10px;
      }
    }
    h2{
      color: $redColor;
    }
  }
}
</style>
